html,body{
    display: flex;
    flex-direction: column;
}
.collect{
    flex: 1;
    background-color: #DDDDDD;
    overflow-y: scroll;
    padding-bottom: 100px;
.bg_heard{
    padding: 20px;
    padding-bottom: 0;
    background-color: #fff;
}
.bg_main{
  padding: 20px;
  padding-top: 0;
  background-color: #fff;
  margin-bottom: 20px;
}
.attention_usear{
  margin-top: 0;
  padding-top: 20px;
}
    .head_portrait{
        .text{
            margin-left: 14px;
            display: flex;
            flex-direction: column;
         
            span{
                margin-left: 0;
                padding-bottom: 3px;
            }
            p{
                font-size: 12px;
                color: #9A9A9A;
            }
        }
      }
      .attention_btn{
          font-size: 18px;
          color: #9a9a9a;
      }



.txt{
    
    line-height: 20px;
    font-size: 14px;
    a{
        color: #9A9A9A ;
    }
}
// 图片
.img{
 
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 30px;
    li{
        flex: 1;
        height: 235px;
        
        margin-bottom: 10px;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .bottom{
            p{
                display: flex;
                justify-content: center;
                align-items: center;
            }
            padding-top: 25px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            span{
                margin-left: 5px;
                font-size: 14px;
            }
           .num{
              
               margin-right: 30px;
           }
            img{
                width: 20px;
                height: 20px;
            }
        }
    }
    
}
.on{
    color: #4294FF;
}
}